@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?qiihff');
  src:  url('fonts/icomoon.eot?qiihff#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?qiihff') format('truetype'),
    url('fonts/icomoon.woff?qiihff') format('woff'),
    url('fonts/icomoon.svg?qiihff#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-x:before {
  content: "\e94c";
}
.icon-image:before {
  content: "\e96c";
}
.icon-fail .path1:before {
  content: "\e966";
  color: rgb(235, 242, 250);
}
.icon-fail .path2:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-wifi .path1:before {
  content: "\e968";
  color: rgb(158, 211, 234);
}
.icon-wifi .path2:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(158, 211, 234);
}
.icon-wifi .path3:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(205, 235, 247);
}
.icon-wifi .path4:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(229, 244, 250);
}
.icon-keyboard:before {
  content: "\e954";
}
.icon-info:before {
  content: "\e964";
}
.icon-null-content:before {
  content: "\e965";
  color: #e6eff9;
}
.icon-add2:before {
  content: "\e95e";
}
.icon-invoice .path1:before {
  content: "\e95f";
  color: rgb(254, 234, 222);
}
.icon-invoice .path2:before {
  content: "\e960";
  margin-left: -1em;
  color: rgb(255, 136, 64);
}
.icon-invoice .path3:before {
  content: "\e961";
  margin-left: -1em;
  color: rgb(255, 136, 64);
}
.icon-invoice .path4:before {
  content: "\e962";
  margin-left: -1em;
  color: rgb(255, 136, 64);
}
.icon-warn:before {
  content: "\e963";
}
.icon-arrow5-right:before {
  content: "\e955";
}
.icon-cpc:before {
  content: "\e956";
}
.icon-help:before {
  content: "\e957";
}
.icon-location:before {
  content: "\e958";
}
.icon-pc:before {
  content: "\e959";
}
.icon-phone:before {
  content: "\e95a";
}
.icon-plus:before {
  content: "\e95b";
}
.icon-switch:before {
  content: "\e95c";
}
.icon-title:before {
  content: "\e95d";
}
.icon-arrow4-left:before {
  content: "\e952";
}
.icon-arrow4-right:before {
  content: "\e953";
}
.icon-checkmark2:before {
  content: "\e951";
}
.icon-黑色:before {
  content: "\e950";
}
.icon-tag:before {
  content: "\e94f";
  color: #fff;
}
.icon-menu-pen:before {
  content: "\e94d";
  color: #fff;
}
.icon-menu-send:before {
  content: "\e94e";
  color: #fff;
}
.icon-alert-information:before {
  content: "\e949";
  color: #fff;
}
.icon-alert-wrong:before {
  content: "\e94a";
  color: #fff;
}
.icon-alert-success:before {
  content: "\e94b";
  color: #fff;
}
.icon-null-result .path1:before {
  content: "\e938";
  color: rgb(235, 242, 250);
}
.icon-null-result .path2:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-null-result .path3:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(235, 242, 250);
}
.icon-null-result .path4:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-null-result .path5:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-null-result .path6:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(237, 243, 250);
}
.icon-null-result .path7:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-null-result .path8:before {
  content: "\e93f";
  margin-left: -1em;
  color: rgb(237, 243, 250);
}
.icon-null-result .path9:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-null-result .path10:before {
  content: "\e941";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-null-result .path11:before {
  content: "\e942";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-null-result .path12:before {
  content: "\e943";
  margin-left: -1em;
  color: rgb(240, 245, 250);
}
.icon-null-result .path13:before {
  content: "\e944";
  margin-left: -1em;
  color: rgb(240, 245, 250);
}
.icon-null-result .path14:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(240, 245, 250);
}
.icon-null-result .path15:before {
  content: "\e946";
  margin-left: -1em;
  color: rgb(240, 245, 250);
}
.icon-null-result .path16:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-null-result .path17:before {
  content: "\e948";
  margin-left: -1em;
  color: rgb(215, 227, 240);
}
.icon-apostrophe:before {
  content: "\e936";
}
.icon-attach:before {
  content: "\e937";
  color: #f5986e;
}
.icon-card:before {
  content: "\e931";
  color: #c6dcee;
}
.icon-man .path1:before {
  content: "\e932";
  color: rgb(222, 240, 255);
}
.icon-man .path2:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(105, 175, 235);
}
.icon-bin2:before {
  content: "\e934";
}
.icon-checkbox:before {
  content: "\e926";
  color: #ccc;
}
.icon-checkbox-active:before {
  content: "\e927";
  color: #5aa1df;
}
.icon-circle-select2:before {
  content: "\e928";
  color: #5aa1df;
}
.icon-right:before {
  content: "\e929";
  color: #5aa1df;
}
.icon-click:before {
  content: "\e92a";
  color: #808080;
}
.icon-favorite2:before {
  content: "\e92b";
  color: #808080;
}
.icon-favorite2-active:before {
  content: "\e92c";
  color: #fbbd45;
}
.icon-recall:before {
  content: "\e92d";
  color: #8c8c8c;
}
.icon-spread:before {
  content: "\e92e";
  color: #808080;
}
.icon-transmit:before {
  content: "\e92f";
  color: #8c8c8c;
}
.icon-circle:before {
  content: "\e905";
  color: #ccc;
}
.icon-arrow2-down:before {
  content: "\e900";
  color: #999;
}
.icon-arrow2-rihgt:before {
  content: "\e901";
  color: #999;
}
.icon-arrow3-down:before {
  content: "\e902";
  color: #999;
}
.icon-arrow3-up:before {
  content: "\e903";
  color: #999;
}
.icon-arrow-left:before {
  content: "\e904";
}
.icon-arrow-right:before {
  content: "\e930";
}
.icon-arrow-down:before {
  content: "\e935";
}
.icon-circle-select:before {
  content: "\e906";
  color: #77ca6f;
}
.icon-close:before {
  content: "\e907";
  color: #7f7f7f;
}
.icon-favorite .path1:before {
  content: "\e908";
  color: rgb(244, 244, 244);
}
.icon-favorite .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(191, 191, 191);
}
.icon-favorite-active .path1:before {
  content: "\e90a";
  color: rgb(239, 247, 255);
}
.icon-favorite-active .path2:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(89, 149, 200);
}
.icon-null-favorite .path1:before {
  content: "\e90c";
  color: rgb(231, 239, 247);
}
.icon-null-favorite .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(231, 239, 247);
}
.icon-null-favorite .path3:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(231, 239, 247);
}
.icon-null-favorite .path4:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(242, 246, 251);
}
.icon-null-favorite .path5:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(231, 239, 247);
}
.icon-null-favorite .path6:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(231, 239, 247);
}
.icon-null-favorite .path7:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(231, 239, 247);
}
.icon-null-favorite .path8:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(231, 239, 247);
}
.icon-null-search .path1:before {
  content: "\e914";
  color: rgb(245, 248, 252);
}
.icon-null-search .path2:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(231, 239, 247);
}
.icon-one-key .path1:before {
  content: "\e916";
  color: rgb(226, 246, 225);
}
.icon-one-key .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(119, 202, 111);
}
.icon-processed .path1:before {
  content: "\e918";
  color: rgb(244, 244, 244);
}
.icon-processed .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(191, 191, 191);
}
.icon-processed-active .path1:before {
  content: "\e91a";
  color: rgb(239, 247, 255);
}
.icon-processed-active .path2:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(89, 149, 200);
}
.icon-search:before {
  content: "\e91c";
  color: #999;
}
.icon-send .path1:before {
  content: "\e91d";
  color: rgb(244, 244, 244);
}
.icon-send .path2:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(191, 191, 191);
}
.icon-send-active .path1:before {
  content: "\e91f";
  color: rgb(239, 247, 255);
}
.icon-send-active .path2:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(89, 149, 200);
}
.icon-success:before {
  content: "\e921";
}
.icon-todo .path1:before {
  content: "\e922";
  color: rgb(244, 244, 244);
}
.icon-todo .path2:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(191, 191, 191);
}
.icon-todo-active .path1:before {
  content: "\e924";
  color: rgb(239, 247, 255);
}
.icon-todo-active .path2:before {
  content: "\e925";
  margin-left: -1em;
  color: rgb(89, 149, 200);
}
.icon-spinner6:before {
  content: "\e97f";
}
.icon-bin:before {
  content: "\e9ac";
}
